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Overview of AIC 


Anime International Company Inc. (AIC) was 
established in 1982 for the purpose of releas- 
ing animated films globally. The company 
focused its attention on releasing animations 
on video even before the popularization of the 
medium AIC released two onginal video an- 
mations in 1985, "Megazone 23° and "Iczer 1," 
breating new life into the animation world 
Since then, it has created over 200 titles, 
including "Gal Force," "Bubble Gum Crisis, 
"Zeoraima, "Fight! Iczer З, Peacock Кіпа, 
"Vampire Princess Miyu,” "Dangaio,’ 
"Bastard! !," "Moldiver," "The Hakkenden, 
Macross 2," "Ah! My Goddess," "El Hazard,’ 
"Tenchi Muyo!" and "Armitage lll," Every one 
of these titles has been serialized. "Tenchi 
Muyo!," "Е! Hazard," and "Ah! My Goddess’ 
have made their way to television and the bia 
screen. AIC plans to continue to make lively 
and exciting animated films 


AIC has also established other divisions 
focusing on CG business (AIC Sprits) and pub- 
lishing business (AIC Club). They plan, devel- 
op and produce anime-related computer 
games, CD-ROMs, console games, publica- 
tions and other merchandises 


Assistance: 
Anime Spot and Studio BIHQU 


Addresses of AIC 
and Yoyogi Animation Gakuin 


AIC 

AIC Digital Bldg 

3-19-9 Nakamura Kita, 
Nerima-ku, Tokyo 176-0023 
Japan 


Yoyogi Animation Gakuin 
1-20-3 Yoyogi, 

Shibuya-ku, Tokyo 151-0053 
Japan 


The authors of this book, Hiroyuki Kitazume, 
Matsuri Okuda, and Akihiro Izumi are engaged 
in animation production work at AIC. Besides 
the authors, there are many talented artists 
and specialists working at AIC, Their work has 
been highly acclaimed in the animation indus- 
try worldwide 


The authors’ representative work 


Hiroyuki Kitazume 

Picture Director on "ZZ Gundam" 

Picture Director on "Megazone 23, Part 3" 
Director and character designer on 

all six installments of "Moldiver" 


Matsuri Okuda 

Director and character designer on 
"Havenly Wars Shurato" 

Director and character designer on 
"Legend of Galactic Heroes" 

Key drawings for "The Hakkenden" 


Akihiro Izumi 

Key drawings for “Silent M bius" 
Key drawings for “The Hakkenden" 
Key drawinas for "Ah! My Goddess" 





Upon Reading This Book 


It looks like there are quite a few people out 
there who want to become an animator or 
who want to work in animation production. In 
fact, not a day goes by that a cartoon is not 
shown on television, and in Japan, anima- 
tions get higher audience ratings than dramas 
starring popular actors. It is no wonder that 
people want to try doing it themselves. 
Nonetheless, compared to the large number 
of amateur cartoonists out there, as seen in 
the flourishing comic market, the number of 
amateur animators and amateur animation 
artists has just recently become quite sub- 
stantial. 


There could be several reasons for this. One 
reason could be the prevalence of secrecy in 
animation production. Another reason could 
be the lack of opportunities for amateurs to 
present their works. 
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From "Moldiver Resource Collection" published by AIC Club 
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This book was written in the hope that it 
would be of some help to amateurs who are 
interested in animation production and peo- 
ple who want to be an animator. Animation 
production should be fun, even if you do not 
know the minute details of the techniques 
used by professionals. We would like nothing 
better than to have even one person who 
reads this book learn how much fun anima- 
tion production is and contemplate it as a 
career choice. We are also confident that the 
basic knowledge of animation contained in 
this book will help people create comics filled 
with film-like qualities. We hope that those 
who read this book, including those striving to 
become a next-generation comic book author, 
will use this book as a stepping stone to 
becoming a creator. 
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Animation production process 


How are cel animations made? The process can be 
divided into three major areas: planning, production 
of materials (pictures and sounds) and turning the 
completed materials into a film. The process most 
familiar to the general public is the production of 
materials, but there are many other people that take 
part in the production of an animation. A total of 
more than 100 people are involved in the production 
Ж a 30-minute animation 


Planning meeting } 
important people get together to talk about whether 
the animation will be for TV or video, whethar it will be 
30 minutes or an hour, and what kind of story it will 
have. 


— Plan 
The things decided at the planning meeting are put in 
writing to be presented to sponsors, TV stations, 
sellers, etc. 
= Scenario 
The plan is turned into a script so that there is logical 
development. 


` Storyboard | 
This is а scenario with pictures created based an the 
scenario to determine how to construct scenes. 


Postrecording scrip 
This i5 a script for voice actors that contains the lines 
taken from the storyboard. 
Character mode ling} 
Creation of character blueprint for animators. 

Art parameters - | 
Blueprint of background and buildings, etc., for 
animators, 


Layout EF 
Drawing of actual scene compositions in full size. 
Key drawing — j 
Only points for moving of characters are drawn. 
Animation drawing 1 
Character movements are completed based on key 
drawings. 








Backgrounds J 


Drawing of backgraunds based on the layout. 


Color designation J 
instructions regarding which colors will be drawn 
where are written on cels. 


E 





In Japan, this process 15 followed in almost all cases 
when producing a cel animation, but the process 
may differ depending on the country or production 
company. For instance, in the United States or 
Europe, the sounds may be recorded first and the 
pictures drawn to fit the sounds (this is called pre- 
scoring The order may be different, but both 
approaches will include the same stages. And the 
stages will pretty much involve the same tasks 


. Coloring | 
Color is added to each cel. 
| Specialeffects J 
Special painting with an airbrush, etc. 
Cel/background check] 


Completed ceis and backgrounds are overlapped to 
check for errors. 


| Photography | 
Cels and backgrounds are photographed at the 
direction of animators. 


Developing | 
The film is developed. 
Rush (positive) editing | 
Prints are edited and time/timing are adjusted. 
[ Postrecording J 


Voice actors are recorded speaking their lines in sync 
with the animation. 


| Negative editing - 
The same editing is done with the negative (original) as 
was done with the positive. 


| Dubbing | 

Finished sounds are added to the edited negative 
Printing ^ 

Film for showing is printed. In the case of television, 
itis put on video, 


| | Screening d 
Important people preview the completed film to 
evaluate it. 
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1] Ѕсепагіо 


Written. by а scenario writer based on the theme 
decided upon in the planning stage The sentences 
describé each part in a cinematic Style, while con- 
veying the intent of the author. Character move- 
ments, settings and spoken lines are then divided 
into scenes. The scenario acts as the foundation for 
production of the animation. 
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* Tools and supplies for animation 
production 


Storyboard paper This paper is printed in a 
form that makes it easy to create the story- 
board, which is a scenario with pictures. 


Stop watch: Used by animators and directors 
to measure the length of character move- 
ments and determine timing. 





escription of work involved in animation production ] 





2| Presentation (storyboard) 


The storyboard specialists. working under the guid- 
ance of the director. draw a storyboard based on the 
scenario. The storyboard acts as а blueprint during 
the remainder of the project. The storyboard 


inciudes rhe scenes, spoken lines, sound effects, 
number of seconds and other information. The peo- 
ple in all of the production sections will be able to 
understand it al a glance. 





Ammaton desk 





Tracing box, peg bar nml animation paper 
(Gourtes* of Art Color Co., Ltd.) 


(= шә. 





Peg bar (Courtesy of Ant Color Co., Lid.) 


Tracing box: There is a light inside that allows 
you to see through multiple layers of paper. 


Animation desk: А desk designed specifically 
for drawing. А portion of the top surface is 
embedded with frosted glass with a fluores- 
cent lamp below it. This makes it easier to see 
through paper. There is a desk for finishing 
work that has no incline and different shaped 
shelves. 


3] Drawing 


The animator's job is very diverse. First, the anima- 
tor must design and model characters at the same 
tme that the animation (5 being planned and the 
scenario is being written Designing involves com- 
ng up with characters. Modeling involves putting 
‘gether a collection of facial expressions and poses 
lor later reference to make the animator’s job easi- 
» When the storyboard has been completed, the 
animator creates a layout based on the storyboard. 





Anunation paper 


Peg bars: These keep multiple sheets of anima- 
bon paper or cels in position. They are used 
mainly by animators and finishers. They are 
also built into the photography table. 


Layout paper: This paper has a film or televi- 
sion frame printed on it to make composing a 
scene easier. 





Layout work 15 the process of deftly fitting the 
source of the pictures that will actually appear on 
television within the frame representing the televe 
sion screen printed on layout paper. The presenta- 
ton is then checked When the go-ahead is awen 
character drawings and movements are gradually 
completed based on the layout key drawings 
proofing of key drawings, animation drawings and 
proofing of animation drawings. When the key 
drawings are drawn, a time sheet indicating the tim 
ing of character movements is filled in 


Production Division 


This section is at the cen- | 
ter of animation produc- 
| ton It comes up with а 
Dudget, brings together 
the necessary staff, draws 
up a schedule, bridges the 
gap between sections and 
manages the animation, It | 
plays an important role. 
| Without it; the work would 
|| notget done 
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Time sheet 


Animation paper: Paper designed specifically 
for drawing animations. It has holes for plac- 
ing it on the peg bar. 


Time sheet: A table that contains information 
about how a moving picture will appear on 
television and the timing of the presentation. 


| 4| Finish 


There are also many finishing tasks. First, you have 
to decide what colors to use after the animator has 
finished character modeling. You should think of the 
overall tone of the pictures and keep the back- 
arounds in mind. You then put all the selected colors 
on a color designation table so that none of the fin- 
ishers makes a mistake 


Next, you designate what colors will be used on the 
animation drawing received from the animator. This 
task involves writing directly on the animation draw- 
ing what color should be used, since the same char- 
acter may be colored differently depending on the 
scene. 


When the above tasks have been completed, the 
pencil lines of the animation drawing are traced on 
cels, which are then colored with animation colors 
Fog and gradation are called special effects. They 
are drawn with an airbrush. Completed cels are 
checked and it they pass they are sent for photog- 
raphy together with backarounds 






Tracing machine 





* Tools and supplies for animation 
production 


Cel: А clear acetate sheet that is the same 
shape as animation paper. Characters that will 
appear on television are drawn on cels and 
colored. 


Tracing machine: А machine that copies pencil 
lines on animation drawings to cels. Lines 
drawn with colored pencils are not copied. 
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Pen body & tips 
(Gourtesv of Art 
Calor Co., Lid.) 
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Animation colors ~ 
(Courtesy of Art Color Co.. Ltd.) 
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Animation colors; Paints designed specifically 
for coloring cels. They are water-based, but 
they are water-resistant when dry. 


Stirring rod: À rod used to mix animation colors 
that have separated. 


Airbrush: Used to draw fog and gradations. 


Pen: Used for color tracing and other tasks dur- 
ing preparation of cels. 


5| Backgrounds 


There gre a number of background-related tasks. 

st агї parameters, which determine ine ога 
sew of an animated film, are created. They are 
signed to standardize the tone, touch and set- 

3s The layouts recerved from the animetor ага 

м called key background drawings. The individual 
ssckgrounds that will appear on television are 
rawn based on the key background drawings 
Seckgrounds are drawn on regular drawing paper 
sng regular poster colors. Airbrushes are also used 
ite a bit, but gradations, blur, clouds, light hitting 
i^ object and other effects are drawn by hand. The 
-wnpleteg backgrounds are sent Tor photography 

gether with celis after being checked by the art 
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Poster colors: Used for drawing backgrounds. 
They are somewhat water-resistant after dry- 
ing. They can be extremely powerful tools, 
depending on your technique. For instance, if 
you are quick, they can be painted over. 


Gloves: Used to prevent oil on your hands 
from getting on cels when you touch them. 






6| Photography 


Completed celis and backarounds are overlapped 
and photographed. They are photographed on a line 
drawing table i:pnotography lable), a camera setup 
designed specifically for photographing animations, 
one frame at a time as directed by the animator. The 
table an which the cels and backgrounds are placed 


and the camera can both be manipulated to create a 
variety of effects. 


Ph кып aph , 


Line drawing table (photography table): A table 
used for photographing animations, The cam- 
era faces down perpendicular to the table, 
where cels and backgrounds are placed for 
photographing. The table can be minutely 
manipulated in a variety of ways, including 
rotation and sliding, The camera can be 
moved up and down to accommodate both 
wide and narrow shots (these are controlled 
by a computer). The shutter is activated by а 
foot pedal. 


Get into A 


Production 





If ı5 our impression that there аге a lot of people 
who like only the pictures in animations Such peo- 
ple like the characters rather than the animations 
themselves. There is nothing wrong with this, but 
ме cannot help but think that so much more tun 
could be had if people would take tha next step 
Lets learn the basic terms related to images in 
order to get a feel for creating a television picture 
and not just a picture on paper 


What is the size 
and at what angle 
is it seen? 
(Picture types) 















Size 

You begin with an awareness of the existence of the 
camera. The television picture frame is something 
you do not have to worry about if you are just draw- 
ing pictures. All images, including animated images, 
tit within this frame. The shape of the trame is fixed 
Consequently, the size of the character in the pic- 
ture can be changed to create a desired etfect 
When thinking of the composition of a picture, you 
must be aware of the picture frame and the size of 
the character within the picture. How well this is 
done affects the presentation. Types of sizes are 
shown on the following page 
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. Types of sizes | 





1. Long shot: The character is shot from a dis- 
tance. Small movements are hard to see, let 
alone facial expressions, but it is easy to grasp 
speed and distance when the character is 
made to walk or run. 








2. Full body shot: The entire body of the charac- 
ter just barely fits within the frame. It is easy 
to express exaggerated gestures without 
changing the location of the character much. 





3. Medium shot: The character is bigger than in 
a full body shot. The facial expression of the 
character can be distinguished if the head is 
large. A shoulder bag will fit within the frame. 





4 Waist shot: If is easy to present the move- 
ment of the hands and arms. The lower body 
cannot be seen, but the state of the lower 
body can probably be figured out from that of 
the upper body. 








tions, this shot is often used when a character 
is just talking. 


ait 
6 i 
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6. Full face shot: The face takes up the entire 
frame. This shot is often used when you want 
to emphasize the facial expression of the 
character. 


7. Close-up shot: You are so close that the entire 
face does not fit within the frame. This shot is 
often used to create à powerful image that is 
almost palpable. 
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Position and angle 


What angle do you use when you draw a character? 
| bet many of you draw a character as seen from the 
left of center. And | bet people who are used to 
drawing a character from this angle can complete a 
picture in no time, But can you draw a picture of à 
character from above looking down or from below 





Examples of 
angles 





Looking up from 
below 
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looking up? Can you draw with perfect ease a char- 
acter as seen trom the left or from the right? 
Practice until you can draw a character from a van- 
ety of positions and a vanety of angles, as if the 
camera were moving around the character 






This angle increases the empathy of 








the audienoce Inwanls ТИ haracter. 
| 


Looking down 
from above 






This angle eonipels the audience 
view Ihe ehameter objectively, 





Regular position | 
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Length unit (cut) 


A cut can be thought of as one frame in a manga. It 
can also be thought of as each individual picture in a 
film. A cur differs from frames in manga in two 
ways the shape of the frame is fixed (a rectangle 
with a fixed aspect ratio) and only one cut can be 
shown to viewers at a time. In the case of manga, 
you think of how best to divide a page into frames 
to create the desired effect, but in the case of films, 
you think of how to create the desired effect by 


How long will actions 
appear on screen? 





moving the camera or using character movement 
within à cut. In addition, it is left up to the reader just 
how fast each frame in a manga is read, but the 
length of each cut in a film is determined by the 
director and presented to viewers. As such, the 
length (seconds) of each cut must be determined 
based on careful calculation before being joined 
with other cuts 


Relationship between time/scene/cut/picture(Example) 





or, So М Flow of lime 


Laii e In thus example, one scene consists of five cuts, 


Each individual portur 


e Ip uus example, ame cnr canals ol time рты 





You create a story by dividing single scenes into cuts with some 
dramatic intent, Each scene is made up of several cuts. Each cut 
contains a series of pictures that depicts some movernent. 


IB 


In the case of film used for photoarapning ane 
mations, approximately 24 trames equal one sec- 
ond of animation (Dy comparison, in the case of 
video signals recorded on magnetic tape, approx- 
imately 30 frames equa! one second of video). In 
the case of tilmina of an actual event, the image 
in each frame 15 slightly different, but in the case 
of television animations, since each picture has 
to be drawn by hand, making it а very time-con- 
suming task, the same picture is usually pho- 
tographed on three frames. This reduces the pro- 
duction time and cost of animations and allows 
for addition of unique modulation to movement. 
This unique modulation is what distinguishes 
Japanese cel animations from other types of ani- 
mations. 





The same preture 
is photographed 
in three Frames. 
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Move? 


! am sure that you have all experienced the lingering light you see when you look at a fluorescent light or 
emer source of light tor a short time and then look away. The image is burned onto your eyes and does not 
Seappear right away. This is called an afterimage. All films including animated films are based on this phe- 
amenan (Note 1) In animations, since colored characters move, pictures should be drawn in clumps of col- 
ors (Note 2). 


Note 1 т For instance, when the warning lights at а railroad 
,Note 1 crossing flash, it looks like tha red lamp is moving 
back and forth. It is not actually moving. It is simply a repetition 
of the lamp on one side being turned off when the lamp on the 
other side is turned on, but to us it looks like the light is movina. 
This is the principle behind animation (and all other film), An 
image (а picture) disappears and a similar image (a differant 
picture) appears, but because of afterimages, the previous pic- 
ture remains faintly in the eye. The previous picture slowly 
fades away and the next picture becomes clear. All of this hap- 
pens in an instant, If the shape of an object is different, it will 
look like the object has changed shape. If the location of the 
object is different, it will look like the object has moved. Since 
the two processes of disappearing and appearing occur quickly, 
ta humans it looks like movement. 


` Afterimages 


Utilizing optical illusion 





| Alree, lor instance, should be a combi- 
t * ** | nation of a clump of green and a brown 
iden This concept differs from a "Manga" style 
drawing, which stresses linework to create an 
object's shape. It is not the contour lines of the face 
or clothes drawn with а pen or pencil that are 
important. It is actually the area (volume) of the col- 





i How to Make Drawn Objects Move 


ors painted within those contour lines that is impor- 
tant. These clumps of color stand next to the shape 
of a face or next to the shape of a machine and they 
change moment by moment. These changes in 
clumps of colors look like movement thanks to the 
afterimage phenomenon. 





The ойлайтын can be used to 'move' pictures базан on 25 серіалу эги 


1. Movement 
2. Transformation 
3. Enlargement and reduction 


These can be used separately or in combination to 
make animation pictures move. When attempting to 
make an animation picture move, what the beginner 
has to be most caretul of is the sense of ‘depth.’ 
This could also be referred tc as "understanding 
space. During this process, a three-dimensional 


1) Movement 


Whan an object changes position within the picture 
without changing shape, 1! means the distance 
between it and the camera remains constant 


Movement 


Movement of charter 


i 


amer 





object 15 depicted in two dimensions. Here the dis- 
tance between the camera (vantage point) and the 
subject is important. Draw an object in terms of 
what direction it is facing and how it looks in relation 
ta the vaniage point. 





| 2| Transformation 


There are two types of transformation, One is where the abject itself changes shape and 
thé other is where an object changes shape two-dimensionally because the viewing angle 
nas changed, even though the object is the same. The familiar scene in which a charac- 
ter looks back is an example of the latter type of transformation, as shown in the figure. 


Movement ol character 4 Бү, 


Transformation їй - (2) 





i 


Camera 





З | Enlargement and 
reduction 


This is the only way to express depth, Since 
an object far away will be small and one 
close will be big, an object can be made ta 
move toward or away from the camera by 
changing the size of the object. 
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From "Moldiver Resource Collection" published by AIC Club 


1 = Decide What You are Going to Draw 


* Create an image in your head. 
* Decide what you are going to draw before you draw it. 


«Pose / Camera angle» 


It is certainly fun to go wherever your hand takes clear idea of what the character is like before you 
you when drawing, but it is important to plan ahead start drawing. 
when drawing for animations. You should have a 


. Try to create characters that can be described by | 
the people who see them. 







From "Moldiver Resource Collection" 
published bs AIC Club 
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€ Make your characters distinct 


«Character table» 
1. Age? Grade school, high school, young, middle-aged, 
elderly, etc. 
2. Gender? Male, female 


3. Personality? Cheerful, gloomy, thoughtless, high strung, etc. 
4. Features? Foreign, old Japan, rich, rebellious, etc. 
5. Stature? Tall, thin, muscular, etc. 


6. Clothes? Formal, casual, uniform, etc. 








* Determine the size within the paper. 


Pa А 








Have you ever been drawing a picture without giv- 
ing it much thought and suddenly found that the 
leas do not fit on the page? If you do not plan ahead, 
all the time you put into a drawing could very well 
go down the drain, There ts always a suitable way to 
present what you are trying to express in a picture. 
First, think about what size is necessary 


(‘See os BP TE BP Se HRP FETT STE, 


* 


All of what you draw on paper 
will not appear on the screen. You 
have to be careful, because only 
the portion of the picture within a 
frame placed at a fixed position 
on the animation paper will 
appear on the screen. 
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Animation 
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(D You can best see how the character 
is holding the card. 






(© You get a good idea of the card and 
the character, 








| Д 


‘3 You want the card to be seen and the 


character is secondary. 


«Pencil techniques» 


Draw wiih 
(his portion, 





It does not take long for the tip of a 
pencil to become round. You should 
rotate it so that you are drawing 
with the pointed part of the lead. 


. Good 


Not good 


Not good 


If you 





^a There 





Draw lines vigorously and long 
using one or two strokes. Unsteady 
lines and lines that have been 
retraced several times do not look 
good. 


м, w 


Ос you ever find that your drawings do not look right even 
though there is nothing wrong with the form? Or maybe a 
drawing does not look good even though you traced over a 
good drawing done by a frend, The reason for this is the 
lines. Drawing good pencil lines can do wonders to a draw- 
ing. Several examples have been presented for your refer- 
ence 


Not good Good 





Where lines come together and in fine areas, 
prevent globs by pulling lines up short. 


Not good Good 


look at drawings done by professional cartoonists, 


you can see that their lines often have breaks in them. 


is no rule that says that lines always have to be 


connected. Breaks in lines have the effect of making the 
shapes of objects clearer. 


Not good 77 





You want to express the pointed ends of eye- 
lashes using the lines as well as the shape. 
Draw them with a flick of the pencil. 


2. Do Not Make a Clean Copy Right Away 








Draw outline 
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Process 


Lightly draw a general outline. Decide on the pose 
of the character. The lines at this stage are not yet 
the 'correct' lines. These lines will be erased later, 
so there is no need whatsoever to draw thern care- 


fully, Be bold! 


A.In addition to characters, how you leave space 
open is important to a good-looking picture 

B.Lines are light. These lines will only be used as a 
reference as you draw your picture, 
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Draw the character in proportion based on the character parameters 


(balance between the size of the head and body). 
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of the head and the width of the 


Process 
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(9 > Arrange parts (eyes, nose, mouth, etc.) 


As with the overall character, do not start drawing the 
face by drawing a bold mouth or eyes. First, decide where 
the main parts like the eyes, nose, mouth and ears will go. 


Where you place the eyes, nose, mouth and ears deter- 
mines the direction and inclination of the face. The same 
thing goes for other parts and accessories on the body. 





The quality and atmosphere of the picture can be judged at this stage. 


If you do not like what you see, now is the time to fix it. 
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Process Begin to add fine details 





Add more details to the character. Draw the expression of 
the face and hands and add clothing. This concludes the 
outline. 


A. The curve of the cheeks is a delicate area. Even a very 
slight difference can change the character, making it 
fatter or thinner. 


B. Pay particular attention to the size of the eyes. Think of 
both the iris and the whites of the eyes. Make sure both 
eyes point in the same direction, 


C. You can prevent the hands from looking bad by making 
sure the fingers are not parallel. 






Incorrect: The left eye is too low 
| and 3t has lost its shape. Ifyou 
think it does not look right. do not 
hesitate to draw it again. 
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Do not look at just the lines. Balance it with the volume of calor. 
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& The character's expression. 

Bı The character is looking up. The eyebrows, eyes, nose and mouth are higher 
than usual. Be careful how you form the chin. 

e) Try drawing characters facing to the right sometimes rather than always to 
the left. Eyebrows are drawn like this when the character is perplexed. 

3. Try drawing characters from other angles as well. Discover how characters look in 
different situations. 





(a) The character's typical expression. 

b How do the eyes look when a character laughs? How about the eyebrows? 
Are the eyes and eyebrows farther apart? Note the shape of the mouth. 

© Note the height of the right and left eyes. The right and left shoulders are 
also inclined, so their height is different. 

'd: Be hold and try to find interesting expressions. 








(a) The character's typical expression. 
b: Draw the side view of the face so that it looks like the same character as seen from the front. 


© A different type of laugh. Like a laugh of embarrassment. 
di Draw a surprised face like this. Note that the eyes and eyebrows are far apart. 





From “Moldiver Resource Collection" published by AIC Club 
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3. Put Lines in Order and Make the Shape Clear 


Process Find extra lines and incorrect lines 





Continue to draw necessary lines and shapes. You The overall image is becoming clearer. From here 
may feel like the first lines you drew are starting to on in, as you draw look for the lines that you will 
get in the way, but do not erase them just yet. They keep 

will continue to act as a guide as you draw. 


It appears that the lines at the locations indicated 
are no longer necessary, but this is not true. 


e The lines at location (1) are necessary to make 
the hair look more like hair. 


e The lines at location (2) are necessary for think- 
ing about the sags and wrinkles of clothes. 

• The lines at location (3) are necessary to con- 
firm the width of the chest. 
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Process 





Ater you have finished the general form, review the 
*ne areas again. The overall appearance of the pic- 
ture will only be one-tenth of its potential if you do 


me fine areas halfheartedly 


Be particularly careful with the areas indi- 
cated. Oddly enough, people tend to look at 
these fine areas. The eyes and mouth affect 
the expression and personality of the char- 


acter. 
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Al this point, the picture is near completion. Make one final check for deviations in the form. 


37 


© In the case of 
a normal picture 





© In the case of cel animation 


Normal color 


Shadow 
color 


Carefully 





- Highlight (brighter 
than normal colar) 


This line is not a contour 
ling. I js the border 
hetween the Tight and dark 
portiuris, 


consider the unevenness of the solid when drawing. 


Process < J > Add shadows 





Shadows in animations give characters, which are 
essentially two-dimensional, a three-dimensional 
feel The unevenness of а picture is made easier to 
grasp depending on how the light hits а character. 
Shadows аге indispensable for real, full-sized char- 
acters, considering the need to make a characters 
presence felt within the screen. Shadows are drawn 
with a colored pencil This completes the rough 
sketch 


Gradation shadows are not used much in cel anima- 
tions. There is a clear distinction between bright, 
normal and dark portions. For that reason the bor- 
ders between the light and dark portions are 
extremely important. 

Shadows are a pattern 

This may be misleading, but animation shadows 
are often drawn in the form of a pattern, Nicely 
shaped shadows are sometimes drawn to make 
a picture look good after considering the direc- 
tion of the light and the solid. 
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Process 


At this stage you tentatively finish. your picture. In 
terms of the animation process, you will have com- 
pleted a key drawing. Make a clean copy by tracing 
your picture with excess lines on a separate sheet 
of paper using a tracing box, Make minor correc- 
vons to lines and shadows as you trace without 
destroying the atmosphere of the lines and shapes 


n Process 7 


<8 > Make a clean copy 
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L At this point. 








ve on (he fine parts so they do not look sloppy. Draw shadows with a colored penei 


Spend plenty of tin 
the picture does not have tö be very colorful, You just have to be able to distinguish between light and dark . 





4. Clean-up 


The cleaning up at this stage differs from that in 
Process B. Cleaning up at this stage is done to make 
a cel. Special lines are drawn during this clean-up- 
This drawing will be the source of the picture (cel 


image! that will actually appear on the television or 
theater screen. This clean-up is the final task of the 
animator 


Process “9 Cleaning up contour lines 


Start by cleaning up regular contour lines (called 
solid lines), Note the following six points when 
cleaning up solid lines. 


1. Just like calligraphy or inking in manga, avoid 
ratracing a line you have already drawn whenev- 
er possible, 


2. Make the shade of all lines the same 


3, Draw lines in one stroke without hesitating. 


4. When you draw one line by connecting two sep- 
arate linas, make the point where they join as 
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inconspicuous as possible. Raise your pencil like 
an airplane taking off and bring it down where the 
lines will jom like an airplane landing 


5. There is no need to worry about the orientation 
of the paper on the desk. Move the paper to a 
position where it is easy to move your hand in 
the direction of the line you want to draw. 


6. Be sura to exploit the accentuation and atmos- 


phere of the lines in the picture drawn up to 
Process B 




















| Example of clean-up done poorly | 


The lines are wavering and the smooth- 
ness of the cheeks is gone. Try drawing 
with brisk and smooth strokes. 
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Do not think just aboul tracing the picture underneath. Think of the new drawing 
as a finished product. Keep checking how the new picture looks as you draw, 
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Cleaning up shadows 
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You use a colored pencil when cleaning up shag- ow color), distinguish them from the other parts by 
ows, Vermilion and other warm colors are often coloring very lightly using the edge of the colored 
used. For the parts to be done in a dark color (shad- pencil.This completes the animation drawing 


Highlight 


Normal 
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This is not the same as coloring à picture, Whatever vou do, de nol press down hard with the colored pencil. 
Think carefully about the fact that the picture will be colored later. The animation drawing is more colorful 
than the kev drawing to make it easier to distinguish between colors when Converting it to а cel. 
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Actual auc 


Hiroyuki Kitazume's Drawing Advice 


Here are some pictures done бу rook- 
ie animators. | will list some things to 
uat e check for when drawing 


1] General comments d 


When you use your imagination to draw а machine _- 
or tool, study the use and structure of an actual one 
SO you can make It look realistic. к= 


Why is there a 
straight wind: 





shield on a round 
fuselage? Think 


a Even if vou craw 


about the Ilire- 
al i li 4i TT perspective, 


dimensional effert Jl ur things ual 


as you «draw. 
; : would normally be 
paralle! ao aa 


Che drawing will look three they appear to be 5 


ч : E 
dimensional il vou draw the parallel, Pd 
i i - CH. " 
relationship between Ше axis һы РА 
of the fuselage and the tross- eds P d 
sectional wal accurately. 2 
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Mi 
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2 | Scenario 
2| ы. / Be careful with the balance 
When drawing for fun, it is good to draw the sur- 
rounding background and not just the character. 
Practicing expressing a three-dimensional effect in 


the two-dimensional space of a drawing iS а very 


с" / (proportion) of the body. 
if i 


aood Way to improve your drawing ability. A MÀ 
RÀ л 
Pay attention to the changes im cross sections. Tre. 
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#7 nis are firmly planted on 


the ground. 
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Try drawing trees and 
other objects in a variety 
of ways to improve vou 
range of expression. 






: Pay a little more 
Ss 


eT attention to how you 
t draw wrinkles. 










Spend some more 


/7 . learning how to 


-draw hands, 


Tidy up these lines 
keeping in mind 
that color will he 
added later, 
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3] Scenario 


The artist has done a good 
job of drawing soft, clean 
curves. | think the drawing 
would look even more natu- 
ral if the artist would 
observe tha real world such 
as wrnkies on clothes 
before drawing. 


4| Scenario 


When drawing а picture for an ani- 
mation, you should tidy up the con- 
nections between lines and the 
form a bit more. Paying attention 
to the shape of the body in clothes 
and the position of joints will result 
\ in a more three-dimensional and 
y. natural drawing. 
aan Rt 


le 


The neck may be a bit 


y unnatural, 









How about 
ern, the position 
of the joint? 


What about 
the length 


af the arm? 


Chapter 2 


How to Add Colors to 
an Animation 





From *Maldiver Resource Collection" published hy AIC Club 


Cel Animation Materials 


Making a cel animation involves many processes, so 
vou end up with an enormous number of drawings 
These drawings eventually become one of two 
types of pictures, a cel or a background. Itis the cels 
and backgrounds that are photographed. The cels 
and backgrounds needed for photographing are 
called photography materials or just plain materials 
Animation (drawing), finishing and background (ап) 


Animation drawings are transferred to clear sheets made of acetate, 
which are then colored. This is the first time that the moving 


pictures have color, 
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Animation picture seen on the television sereen 
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could be thought of as the sections thal create 


these materials. 


It takes the cooperation of many people to make an 
animation, but each task is done separately. As 
such, each section needs to have a good grasp of 


what is being done in the other sections in order to 
make a good animation 
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|4» Animation y Movement is completed with a character 

. | drawings f consisting of only lines. They are drawn 

to fill in the space between key drawings. 

The lines on these drawings will be transferred to cels, 
so they must be drawn cleanly. 
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Back- fy Rough drawings done by an animator аге‏ 


grounds | transferred to drawing paper and colored 
using poster colors. Unlike drawings of 

characters, contours are not drawn with black lines. 
Backgrounds are drawn with only color tones and the 
contrast between light and shade, like an oil painting. 
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Animalion drawing and background overlapped 
This is what it looks like when a cel is placed on a background. They are photographed in this state, 
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Creating Cels (finishing) 


Cels are what actually appear on the screen, so they 
have to be done carefully. Good drawings and 
movement done by the animator will not do you any 
good if the cels are dirty. Errors are minimized by 
proceeding systematically, As for coloring of cels, 
there are many different ways of going about it and 
all have to be done properly. Some tasks can only be 
done by someone who is used to doing them. 


| S Choosing what 
colors to use 


In order to proceed systematically, you first have to 
designate what colors to use. You decide in advance 
what colors to use where and make a color desig- 
nation table, You write the color numbers on the 
main animation drawings using à colored pen based 
on this color designation table. 


Hair/eyebrows 


colis 


Animation drawing with color designations 
Designate every little detail without making any mistakes. 







Example of calor designation table 


"+ 





in pp Hg- лв и e | — 





* 
[| 
i » 
кёз 
ТТ 
la A ow 
n ey 
г ч +з 
| 
yt 
ez | 
A- 4 


+ 
ty 
' 





ш tie 


Pupils 


Whites of 
evewhighlight 





The next step is to transfer the pencil drawings to 
cels using a tracing machine. À cel, carbon paper 
and an animation drawing are placed in that order on 
a mount called a carrier. The carbon paper is placed 
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А cel created by the tracing machine. 





atk = a Ww. 


You can see that the lines on the cel are blacker than the pencil lines. 


Transferring animation drawings to cels 


so that the side with the ink on it faces the cel. The 
carrier cover is closed and the carrier is run through 
the machine. The pencil lines on the animation 
drawing will appear on the back of the cel in ink. 
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The tracing machine being operated. 
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machine did not transfer cleanly ог when you want 
to draw contour lines In a color other than black, you 
use a pen and draw on the front of the cel by hand. 


It is possible to transfer all the drawings this 
way. Aside from the fact that animations 
require tens of thousands of drawings, it is 
sometimes advantageous to trace by hand if 
you want to make one drawing especially 
clean. 

e*5006808585095222727909575525970»?922552299 


In order to fix a cel with unclear lines, place 
the cel with unclear lines over its animation 
drawing and join the lines by tracing over the 
unclear parts with a pen. The trick is to pay 
attention to the boldness of the lines as you 
draw, as if you were inking in a manga draw- 
ing. For bold lines, draw the contour of the 
line itself using two lines and then fill in the 
space between the two lines with black. 

& 5 6 & Po. so 5o 9 B DB OO B O 8 P3 4 P oO € 

* Difference between hand tracing 
and machine tracing 


Hand tracing 


Machine tracing 


When you want to correct lines that the tracing 


&*é56énbbebhbtwegotboonosebto^ootononeobtb5toutept6op^ootbsóbépoóosonbPeoooceeonbobouneon5bhboboooneaesso00ni" 








The line may stand out like this when you 
are finished drawing it, but it will not show 
up when it is photographed, so there is no 
need to worry about it. 

















Hand trace lines using the actual colors that will be 
used for everything that does not have black con- 
tour lines like water, ice, fire and glass and border- 
lines between light colors and shadows even if the 





A cel that has undergone color tracing 


Transferring colors other than black to cels 


object is surrounded by a black contour. Shadows 
are not created using gradation. A characteristic of 
animations is the depiction of shadows by clearly 
separatina the border between light and dark colors. 


Someone performing the task of color tracing 


Colors are traced on animation drawing lines that were drawn using colored pencils. 
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Coloring cels 





Begin coloring the cel once the tracing of all contour 
ines, shadow borders and other lines have been 
completed. Coloring is the task of placing animation 
colors on the back of cels. The trick is to "place" 
paints on the cels rather than "paint" them on. Make 
sure that the colors are even 


When the animation colors are hard, dilute them by 
adding a little water to make them easier to apply 
They are the right consistency if you can spread 
them on the cel lightly with a brush. Make sure that 
the paints со not become too thick 





A cel being colored 






телу oe eas 





\ cel that has not been completely colored vet 
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Always paint within the lines and make sure there 
are no gaps between colors. А good rule of thumb 
is to only cover half of the width of traced lines with 
animation colors. 


You can erase animation colors if you wipe thern off 
Immediately. If you notice a mistake after they have 
dried, carefully scrape them off using a bamboo 
spatula. 


The cel has been completely colored 


The 


: eel as seen from behind 
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.5, Special effects | Drawing with an airbrush, etc. 

> j Cel animations sometimes require Special effects that 
cannot be created by simply applying colors with a brush 
In many such situations, an airbrush ı5 used to create the 
desired effect. An airbrush is used to add gradations, to 
draw clouds, smoke and other objects that do not have a 
clear contour and to create a shining effect. 


There are other extraordinary techniques for adding 
effects in addition to those created by an airbrush, includ- 
ing deliberately damaging a cel to cause a diffused reflec- 
поп or adding a light color from above a cel, but these 
techniques are being done less and less by the special 
effects section as of late 
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Examples of special effects p — OE EEOC Ег күт | 
created using an airbrush 


(Create flushed cheeks 
like these from the 
front of a cel. 


2jCheck to see that you 
can create the effect 
you want by practicing 
on a sheet of paper you 
do not need before air- 
brushing а cel. There is 
no turning back once 
you have applied a lot, 
so make adjustments 
as you go by applying 
it thinly and quickly 
over several blasts of 
paint. 


3)This concludes the air- 
brushing task. Use air- 
brush effects sparingly, 
because if you use 
them too much on a cel 
it wil! stand out. 





Lomplet «і cel 


9b 


Examples of effects created using an airbrush 





The light shining through clouds is expressed 
using an airbrush. The majority of the picture 
is done with a brush. The airbrush has been 
used to add spice to the picture. 








The light of a street lamp in the night sky was 
airbrushed in a sharp manner in order to indi- 
cate direction. 





An airbrush is used to make the sun look realistic. 
You can express burning flames and brightness. 


97 











+ 





А 


1 
s 


ue us 


nting Backgrounds 


There is another material that 
appears on the screen in addi- 
tion to cels: backgrounds. You 
may not notice them much as 
you follow a moving character 
on the screen, but the quality of 
background pictures affects the 
overall quality of scenes. 


Characters are drawn in the 
'manga' style, but background 
pictures are similar to fine art. 
You think about hue, brightness 
and chroma as you paint. Unlike 
coloring within contour lines, 
you are more like a painter. 









Freely create colors 


First, get rid of any coloring book-type perceptions 
you may have like painting the sky light blue, grass 
green and lemons yellow. In order to paint a space 
with a three-dimensional effect, you have to make 
full use of poster colors, create the optimum colars 
and express depth and the contrast between light 
and shade. A tree trunk will be brown, but the 
brown where light hits it and the brown where light 
does not hit it will be different. When you make col- 
ors, think about what colors are needed to express 
that. 


Let's say you are going to paint the sea and 
sky. The sea is light blue. The sky is also light 
blue. How would you distinguish between the 
two? In picture 2, both the sea and sky were 
painted with light blue with no alterations. If 
you do it right, you can make the painting 
dynamic, as in this example. On the other 
hand, the sea and sky in picture 1 were paint- 
ed with different shades of light blue. As a 
result, the painting is more dynamic and tran- 
sitions are more pronounced. 


i ndi 
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We have presented actual examples below of mak- 
ing colors darker through mixing for the purpose of 
adding contrast between light and shade to the 
color of an object. 


Often both light and dark colors look like 
totally different colors when they are on the 
palette. For fear of this, you might make the 
mistake of mixing only slightly different 


1. Original poster colors 





Colors added 


Example color preparation for expressing 
the contrast between light and shade 


shades of a color, however, on paper there 
will be no contrast between light and shade. 
You should be bold and make the contrast 
between shades sharp. 





2. Colors are made slightly darker as a result of mixing. 





3. Colors are made even darker as a result of mixing. 
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Contrast between light and shade was added 


to a white cube using color No. 4 on the oppo- 


site page. Dark green was added to the darker 


parts. 
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Place the background color in the 
thicket to make it look like you 
can see through il. 


different levels of color. 
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Create a three-d 





| Make the backs of 
D leaves in the fore- 
ground dark as well. 


This color acts as a 
base and is almost 
invisible. 





m 





Make the light areas 


as light as possible. 


We isolated colors being used in different 
parts of the picture. Note how different the 
colors look when they are in the picture com- 
pared to when they are isolated. 


Add blue to the brown 
croton tree for vanation, 
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, 2. Basic brush techniques | Different ways of applying paints 


* Flat application 


This involves even application of a single color. You 
quickly paint right and left using a flat brush. 
Moderately dilute a poster color and repeatedly 
move the brush to the right and left, applying about 
half the width of the brush with each stroke. 





| مس‎ ЧЕ * Groove painting 


T 

$ This is used when you want to draw a straight line. When you 

å try to paint along a ruler to get a straight line, the paint will 

f seep below the ruler and spread. Hold a glass rod (or a chop 
Stick} together with the brush as if you were holding chop 
sticks. Place the glass rod in the groove of the ruler and draw 

j a straight line without stopping. Note that the line will not be 

{ straight if the distance between the brush and the glass rod is 

/ not the same throughout the motion. Rubbing wax or a simi: 

i lar substance in the groove will make the glass rod slide more 

p easily and will help prevent jagged lines 

І 

{ 
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How well you use brushes is important when draw- 
ing backgrounds given the nature of the pictures 
that are painted. You should at least master the typ- 
ical and basic brush technigues. 





Color À: From top to bottom 


(Movement of brush | 
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Ф Gradation 


This is a variation of flat application. You paint 
color A from the top and color B from the bot- 
tom in the same manner as flat application. 
Repeat several times so there are no brush 
marks. 
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* Blurring 


= This is used to make multiple colors hazy. Lightly apply 
color A and then fill in with color B. Move the brush back 
and forth a little where the two colors come together to 
make a secondary color on the paper. 
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' 3. Let's begin painting ` 


Expressing depth 


Trees in a forest 

Drawing each individual tree 
in the distance would be a 
daunting task. Distinguish 
between trees that you want 
within viewing range and 
those that are far away while 
at the same time blurring trees 
that are far away using colors 
alone. Emphasize the contrast 
between light and shade on 
nearby trees because they are 
clearly visible. 


Outer space 

Outer space is essentially a 
prtch-black space and depth 
cannot be expressed without 
some objects, but it will look 
like outer space if you create 
light areas and dark areas and 
include your image of outer 
space. What you are doing is 
adding accent to a picture that 
potentially could just be a sin- 
gle color. Dot the picture with 
stars of varying sizes. Do not 
place the stars in a uniform 
pattern and make sure they 
are not too clumped together. 





A background picture contains both areas that In general, distinguishing between objects in 


should be clearly shown and those that should the middle and those that are extremely close 
not. Use clear, sharp contours and colors for and far away makes it easier to create a sense 
things you want to show the most. of depth. 










wow www 






— Dark expression of distant views Depth is expressed by making the foreground brighi 
and the background dark, A dark background makes 


lor an ominous picture. 


Depth is created by making the background bright. 
The effect is that of bright sunlight on a spring or 


summer day. 


Bright expression of distant views 
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Let's try painting 
Expression of Textures 


Clouds and smoke 

If you want to have moving 
smoke, you need to use cels, 
but smoke that has risen 
high in the sky is often used 
in backgrounds. Express the 
spread of smoke by erasing 
edges with an airbrush or by 
other means. Clouds are 
painted in the same manner, 
but the trick with clouds is to 
consider the direction of 
light and make the contrast 
between light and shade 
clear. Draw the edges of 
clouds with a brush so they 
are not too blurred. Make 
full use of gradation and 
blurring techniques. 
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Many flowers 
Painting each individual flower is not practical, so think of flowers in terms of clumps. 
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Thickets 

It is not practical to paint each 
individual leaf on a tree, so 
think of leaves in terms of 
clumps like you would with 
flowers. Think of their overall 
contour as you place colors 
in back and front. Do not glob 
the paint on. You should 
leave spaces so you can see a 
little bit of what is behind 
them. Use your brush care- 
fully when creating spaces. 
Be sure not to spread the 
paint around excessively. 
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Floors 

It is difficult to express 
depth because floors are 
flat. Add reflections to 
make floors look more 
realistic and create a sense 
of depth. Reflections will 
make floors look smooth. 
You can use this to distin- 
guish between man-made 
surfaces and natural sur- 
faces like the ground 
because natural surfaces 
are not smooth. The gap 
between floor tiles is black, 
but the edges of the tiles 
themselves are shiny so as 
to create а three-dimen:- 
sional effect. 





Man-made structures 

Like floors, man-made structures are flat, smooth 
and mechanical. Always think "parallel" when using 
your brush. For objects with angles, change the 
movement of the brush in line with variations in the 
surface. 
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Backgrounds for transposition (background transposition) 

For scenes where the background gradually changes from daytime to night, for instance, you make two back- 
grounds with the same form, one for daytime and one for night, and express the change by overlapping them. 
How light emerges, how it hits surfaces and even the textures of colors change. 
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Harmonization | 


Harmony is the presentation of an animation in the 


EL 


jorm of an illustration-type picture using ceis an 
backgrounds and not in the normal cel animation 
fashion. À cel with contour lines is placed over a 
background picture, The contour is clearer than the 
background and the background offers subtle gra- 
dation superior to the cel. You can use this tech- 
nique for characters to create a symbolic scene 











i Ambo lines transferred to а cel 


Material | Picture drawn for background—Material 2 





ug = 1 A 


un 


rw 
es — im 


=- 


== чї тч rn mma m 
-p '-c- а шыш = 


= 
| 
j 
| 


— 


Completion 
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Before photographing | 


Let's try placing a cel over a background. By the 
way, more than one cel may be placed over a back- 
ground. It is not uncommon to place two or three 


cels over a background. 


The first cel put on the background is designated А, 
the next one B and so forth. You do not notice it on 
the TV screen, but cels for a character are sorted in 


this manner 





Back eri mina 


Gel A Cel B 





Background + Cel A 





Backeround + Cel А + Cel B = Completion 
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. Gallery | Artist: Hiroyuki Kitazume This work is an original drawing done 


for this book. 
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Filming (Photography) 


ihe pictures will not move with the completed 


materials (cels and backarounds) alone. The pictures 





















come to life only after they have been photographed 
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Fade-in (F.l.) 
Fade-out (FO.) | 


This is done by manipulating 
the camera. You start with an 
underexposed frame and 
slightly increase the expo- 
sure one trame at a time so 
that each picture gradually 
gets brighter. This technique 
allows you to have a scene 
appear gradually. This is 
called fade-in. Fade-out is 
just the opposite. А scene 
will gradually dissolve. 
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Overlap (O.L.) 


First, you photograph a scene so that it fades out. 
Then you rewind the film and photograph the next 
scene so that it fades in. By doing this, the first 
scene dissolves while overlapping with the next 
scene (the next scene appears while overlapping 
with the preceding scene). This is called overlap. 





Overlapping within the same cut is often referred to 
as O.L. Overlapping in the examples presented 
here is called overlap transition because a transi- 
tion is made from one cut to the next using overlap. 
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Double exposure (WXP) 


The expression "double exposure" is often 
used when you alter only a part of a shot for 
some reason, such as when you want to make 
only characters look transparent. 


In the example given here, a double exposure 
(often called "daburashi" in Japanese) is used 
to create the appearance of a semitransparent 
person reflected in a lens. 


E 
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Material 2 alone Completed shot 


X. ob Xara ^ UNT JEUX Expression of light shining in from outside a 
Incident light shot. After photographing cels and back- 

- === ground in the usual way, shine а light on some 
object located outside the frame that will 
reflect the light diffusely (there are a variety of 


things to choose from), and photograph the 
shot with the reflected light in the frame. 









Material ] alone 
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Material 2 alone Completed shot 
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Transmitted light 


When you want to make it look like a part of a 
shot is shining, rewind the film after photo- 
graphing cels and background in the usual 
way and then photograph the same frame 
again with light alone. 


Place on the table black paper cut out in the 
shape you want the light to be and photo- 
graph with the light source below. The shape 
will appear in the shot together with the nor- 
mal cels and background. 


| Wavy glass 

| You often see expression of swaying water 
as if a shot was photographed under water 
| or the shimmer of hot air caused by heat 
| from flames. These effects are created 
| using wavy glass during photography. An 
| acrylic plate with bumpy waves is placed 
|. in front of the camera. You can create a 
swaying effect by sliding the wavy glass 
| vertically and horizontally. 

| 





‘Flare-transmitted light, Example 1 







The area around the sparks from a gun 15 
made to look hazv like light escaping. 


3 ые УУ 





Material 2 alone Completed shot 


Flare-transmitted light) Example 2 


Flare-transmitted light is used to express elec- 
tricity. A special cel called a "lith mask" is pre- 
pared to make the lines look like they are shin- 
ing. 





Material 1 alone 
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Completed shot 


| Pinhole light + cross filter ' 


Holes were simply cut out of black paper and 
the light source was placed below the film. A 
“cross filter" was attached to the lens to make 
the light shine like a cross. 









Material | mum 


=> 


Completed shot 


Matenal 2 alone 
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Carefully Plan Actions - 


1. Make the situation clear 


If you [ust draw aimlessly. your work will be nothing 
more than doodling. Drama ıS a product of a 
sequence of a variety of events, so you will need to 
draw various scenes. Think of the situation in which 
your character finds himself or herself in terms oi 
tne following. 





Where is the character standing? 
2]How far away is the character from other 
characters (if there are any)? 


3J Are there any props? 

(4) What is in the background? 
How big is the area? 

What is the direction of the light? 
Others 
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How will you present the situation? 


Ф Will you present the character up close or from far away? 


Bust shot i ч 


This is used when you 
want viewers to focus on 
the character. The facial 
expression of the charac- ЕЕ 
ter is accurately conveyed. Wide shot 
This is used when you 
want to illustrate the area 
i around the character. The 

drawback is that it becomes diffi- 
- — — —— cult to see subtle facial expressions 
on the character. 








Ф Will you show the character from below looking up or from above 
looking down? 






Looking up from below С) 
à 


This angle makes the charac- | 
ter look important or full of Looking down from above 
hope. | 

| This angle makes the character 


look dejected or in an unfavor- 
able situation. 





2. Trajectory 
—Think about the action line 


Think about how to move an object. Do not just 
think vaguely in terms of the position of the object 
changing. Have a clear idea of the path the object 
will follow. This path is called the “trajectory” or 
‘action line.” The quality of motion is dictated by 
this trajectory. Trajectory is present in all motions 
no matter how small. At this stage you carefully 
plan a motion. 








Even if the starting position and the end 
position are the same, the motion will be 
completely different if the trajectory is dif- 
ferent. As seen іп |1, ? ' and 2", inserting 
a different picture between 1 and 3 results 
in different motions. The picture you insert 
in the middle will differ depending on the 
trajectory you come up with. 
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When drawing pictures of someone running, 
you tend to focus on the motion of the hands 
and feet, but the body is also moving up and 
down at the same time. Think about both the 
trajectory of the body moving up and down 
and the motion of the hands and feet. 





offers an animator the chance to show his or 


her skill. 





In a punching motion, the fist travels in a 


straight line, but the elbow does not. The free- 1 KiB 
dom to choose what punching motion to use iE 4 m 
nom 





N 
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How the person being kicked falls down will dif- 
fer depending on the motion of the leg doing the 
kicking. The kick should be a rotary motion that is 


natural given the structure of the human body. rac 
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3. Think about the laws of nature 
A. Gravity and centrifugal force 


When picking up a heavy object, it will 
not look heavy if it is picked up with 
ease. You need to draw a picture in a 
way that makes the object look heavy. 
Create this effect by drawing a picture 
in which the weight of the object looks 
like it is being pulled straight down. 
The motion is adjusted by inserting 
this picture in the middle. 





Weight is also exerted on a person 
who is simply standing around. A char- 
acter that appears to be floating in a 
state of weightlessness will not look 
realistic. Use the turns and twists of 
the body to make it look like the cen- 
ter of gravity is over the feet of a char- 
acter. 





Not good 


When drawing a character in motion, 
do not draw a picture that makes it 
look like the character is frozen (pic- 
ture 2). The picture must look like the 
character is in the middie of a motion 
(picture (FT), as if the picture was a 
frame that was removed from a film of 
a continuous motion. You have to be 
able to take one look at the picture and 
almost feel the centrifugal force and 
the opposing force pulling it. 
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B. Inertia 


Objects standing still do not move 
suddenly and moving objects do not 
stop suddenly. This is called inertia. 









Moving a rope 
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All objects, not just charac- 
ters, can be divided into 
those that move and those 
that are moved. Inertia 
often appears in objects 
that are moved and it fol- 
lows objects that move. You 
could say that objects that 
move pull it. You can 
express motion by stagger- 
ing the timing of movement 


Ua rN of objects that move and 
\ sa of Hair streaming those that are moved. 
when looking | 
back Inertia is always present in 


the natural world to some 
Jumping down extent. The amount of iner- 
wearing a cape tia will vary greatly depend- 
ing on the speed of a move- 
ment. Note this when draw- 
ing in-betweens. 





4. Exaggeration (deformation) 


Like a still picture, exaggeration is also used in mov- 
ing pictures. Even if the starting position and the 
end position are fixed, use of exaggeration in 
between will give the motion a slightly different fla 
vor 


Here are some examples of "squishing" and 
“stretching,” The normal action line has been 
ignored intentionally and the shape of the 
character has been changed to create an exag- 
gerated effect. 








2] Squishing - | 3] Stretching | 





[1] Before moving 


[1] Before moving 


[2] Winding up exaggeratedly moving 


ІЗ) Taking off suddenly 





In this example, we stuck out the 
chest and drew back the head 
without moving the body at all. 
This ignores the structure of the 
human body, but 1, ? and [з are 
moved rapidly so that you only 
see the odd picture for an instant, 


12] Winding up exaggeratedly 





The car is coiled like a spring to 
emphasize the rapid start in [3| 
| This technique can be used with 
anything including people, ani- 
mals and machines. You see this a 
lot in American animation. 


5. Move objects using "ghost" effects 


You have probably taken a photograph that has 
turned out to be blurred. The color of people and 
background in а burred photograph appears to flow. 
Even if a photograph is not blurred, the subject of 













By the same principle, when you raise 
the hands from |} to з the arms will 
look out of synch if you insert 2. The 
motion will be rapid and smooth if you 
insert 2°. 


your photograph leaves a trailing image if it moves 
quickly. A "ghost effect is used to represent this 
trailing image in order to create a sense of speed. 


If you try to make it look like the 
chick is moving quickly from 1! to 
2,pictures f, 2 and з will look 
like separate pictures if you insert 
just picture 2| in between and it will 
not appear to move smoothly. If you 
insert 2 ', however, the ghost effect 
will make it look like the chick is 
moving quickly from 1 tO |3, 











Let's say you want to instantly move а 
character from the position in ! to the 
position in 3]. You cannot draw an inter- 
mediate character that will fit in between 
! and з. Неге we had the character 
jump from the position in 1 to the posi- 
tion in 3). A ghost was drawn over the 
trajectory and inserted in the middle. 
Ghosts enable you to move objects at 
speeds that are not physically possible. 


Note that "ghost" effects that exagger- 
ate speed are mainly used in comical 
animations. They are totally unsuitable 


in almost all serious works. 


In this example, squishing was inserted 
as the character was moved from 1' to 
з, but the action is not quite exaggerat- 
ed enough. The action will be exaggerat- 
ed if you use a "ghost" effect to make it 
look like the character is flapping her 
arms. 
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Action Points 


First, think about the trajectory and how an action 
will unfold. It is not wise, however, to draw each lit- 
tle movement in order frorn the beginning. It is 
more efficient to draw the pictures with the main 
poses first. 


1. Start and end of a motion 


Here we are talking about from where to where an 
object will move. The first two pictures you need to 
draw are the start and end of а motion. Then you 
can fill in the gap between them with the action you 
desire. 


Picture |1 is an upright pole, Picture 7| is the 
pole on the ground, Pictures 2|, 3, ч, 5 and 
6 are the pole falling. Picture в! is the pole 
bouncing after hitting the ground. 










1] Start 


These main poses are roughly picked out from the 
actions of a character, You do not, however, just ran- 
domly pick them out. You must consider various ele- 
ments. 





A dozing girl tries to 
fight off her sleepi- 
ness. She not only 
opens her eyes but 
also raises her face. 


A boy looking to 
the side turns his 
head forward. 





[1] Start 


© "Start and end of a motion" 
and "start and end of a cut" 


The "start and end of a motion" are pictures | | 
and іа, but let's say you will only show the 


audience pictures 4 to E., In this case, the 
start of the cut is picture 4 and the end of the 
cut is picture |8], so pictures 1 to 3 are not 
necessary. Ап animated film is made up of 
individual cuts that have been joined together. 
It is not uncommon to leave out the start or 
end of a motion. 





From standing position to sitting position. The gap 
between these positions is filled with pictures that 
differ slightly to create an animation of a person sit- 
ting down. 








2. Points where power is exerted during a motion 


Like gravity and centrifugal force, you have to draw 
a realistic picture at points where power is exerted 
The picture will differ areatly depending on whether 
you include this pose or exclude it from a motion. 
The picture where the most power is exerted is an 
important part of a motion, Let's try drawing the 
point where the most powar is exerted in a motion. 








Hy 


Picture 2 is required to move the character 
from picture 1 to picture 3. 
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Here we have a cat standing | and 
flying 13). The picture with the cat 
flying makes it look like the cat is 
jumping, but these two pictures 
alone are not enough to make the 
cat fly. Filling the gap between 
these pictures with pictures that 
change bit by bit will only make the 
cat "float." Picture 2 is necessary to 
make the cat fly. 





"n . | 
ү Т 3 





If you think of the | AS 
state when power / Picture |2 is required 
is not being exert- p^ to move the character 
на ав пан а from picture |! to pic- 
te, the | E op ture |3| 
state when power | | " 
is being exerted Uu 
can be thought of 
as a state when 
the object 
expands or con- 
tracts relative to 
the normal state. 
Even if the pose is 
the same, it will 
look like power is 
being exerted if 
the audience is 
aware of the 
expansion/con- 
traction. 
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3. Make motions fluid 


The human body is made up of many parts 
connected by joints. It would be strange if 
the movement of a character were to be 
stiff like a doll being manipulated. 


p 




















Picture 2| in both A and B is unac- 
ceptable if you want to draw a char- 
acter turning around. Try drawing it 
so that it looks like the parts doing 
the twisting pull the other parts. The 
face should move ahead of the shoul- 
ders and arms, like in picture |2 ". 


6*8980984090680080288209720202900828202]9890909»»299058502?05^2528 





When a part of the body pulls an object or another part of the 
body, it is called "follow through". In cartoons from countries 
other than Japan, you sometimes see motion where one object 
or part of the body appears to be stuck to something, this is an 
exaggeration of follow through. 


When making a follow through, the farther an object or part of 
the body is from the part that is pulling it, the more you should 
curve it towards its original position. 










| (а) 


Picture /2 | is not natural if you are about to 
grab something. Picture 2° is necessary, 
It looks like the character is about to grab 
the apple. 


Ses 0o9oe85050908899o950»s,*"4u22880089502955e0€£9v5B5»4985752054552$à*»80606n202905585259^05^56 


D 





People do not get up like the 
character in picture 2. The 
legs and lower back of the 
character in picture 2' look 
natural. 





97 


4. How to make motions powerful 


The same motion will be viewed differently by the 
audience depending on how it appears on the 
screen 


When you want to create a powerful image, try 
making the motion so big that the picture spills out- 


ture into the frame, the picture and the motion will 
look cramped at the expense of power. You can rap- 
idly close the distance between the character and 
the audience by moving the vantage point (camera) 
closer to the character. The motion of a character 
that is close to you is naturally more powerful. 


side the frame. If you try to squeeze the entire pic- 





Here are some specific examples. Add a pic- 
ture where an object on the screen looks like it 
could almost come into contact with the audi- 
ence. For instance, you could have the hand of 

a character pass several centimeters in front of 

the faces in the audience. For such a picture, 

all you have to do is follow the rule of making 3) 
the parts that are near bigger and the parts 
that are far away smaller. 


0»oeotnagnuot4tn8o0029? 98509»-8g095€582e55580eé€220202820209028028508!58s53250252852202095m585229o59)](929852»óóo0)0258202022598 


The exaggeration mentioned earlier was incorporated into these pic- 
tures, Picture |1| is a normal surprised look. Picture 2| has more 
impact. Picture 3 is an "It's the end of the world" expression. Picture 
3 is sure to be a hit with the audience. 















This example also incorporates exaggeration. We 
added a manga-style impact that should not be vis- 
ible through the character's back. 


We used a "ghost" effect to create a sense of speed 
and we tried to create a visual effect where the audi- 
ence comes close to being kicked. 
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5. Main poses within motions A 


Unlike the pictures designed to make a motion con- 
sistent with the dispensation of nature and those 
designed for dramatic effect shown in the preceding 
sections, here we will present poses that must be 
prepared in order to make pictures move 


2] 
When having a character turn around, just 
showing the back view (picture 1) and the 
front view (picture 3 ) will not give us any idea 
how the face comes into view. You need a pic- 


E 








ter turned around from the left. Furthermore, 
the character could also turn around with the 
neck slightly tilted for dramatic effect. It is 
important to depict, in the form of specific pic- 


ture in between that shows this. Without pic- tures, the action you have in your head. 


ture 2, it could possibly look like the charac- 





You will want a picture of the side of 
the hand when moving from the top of 
the hand to the palm of the hand. 


"- 5965984 538üt 9-988585 8s5s»,S RR BESSA SS E) 


Even when you are not particular about the dramat- 
ic effect, you should remove the picture in advance 
when the object you are moving is biggest, small- 
est, thickest or thinnest midway through the 
motion. You should also remove the most compli- 
cated point when the shape of the object changes in 
a complex manner. 





oP CRC Bob 5 GEE & DG 
b BOR & € & d ee ee eee ee «9 


SSeS PPP PRR KCC TCH TPR RT Pee Pee SER SR BS 





The camera moves from above the 
girl to below the girl. A picture of the 
girl from the side is necessary. 








The precise size and shape of 

the door cannot be deter- 3) 
mined with just pictures [Î 

and 3. Picture ? makes it 

clear what kind of door it is. 
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6. Analyze motion when drawing 


Use of the word analysis may be going a little too 
far. What we want to say is that you should think of 


motion in terms of segments. A | 





3] 
A "grabbing" motion involves several 
movements: i. Raising the arm, [7l 
Twisting the arm to facilitate grabbing 
while extending the arm, 3l. Opening 
the hand, 4. Touching the object, |5|. 
Closing the hand and в. Lifting the 
object up. Performing each of these 
actions separately would look robotic, 
but when performed by a human the 
motion is smooth. 


The motion of grabbing a glass 
requires at least three types of picture: 
1, 2 and з. Almost all the actions we 
subconsciously perform every day are 
made up of a combination of subtle 
movements. Gradually think about how 
objects are moving before drawing. 


When standing up from a chair, a person does 
not float from the position in picture ! to that 
in picture 3. A person has to place their 
weight on their legs (picture |2 ). This is also 
the pose where power is exerted. This motion 
is called "preliminary movement" or "prior 
movement," 





102 





When throwing a ball, you "prepare" for 
the throw by drawing the ball back to 
build up power. 








A person who is running cannot stop 
on a dime. А movement that shows 
the person reducing speed is inserted. 





Techniques for making motions three-dimensional 


1. Tricks for thinking of pictures three-dimensionally 


Pictures are drawn using contour lines, but shapes Since you draw contour lines to match the angie at 
are not represented by contour lines alone. Even a which an object is being viewed, a slight change in 
slight change in the angle at which an object ts the angle will force you to redraw the three-dimen- 
viewed will shift the contour of the object to a dif- sional object on a two-dimensional surface as a dif- 
ferent location ferent picture, even if it is the same object 


24 






When the ball spins, the contour line 4 in the 
left picture becomes a pattern line in the right 
picture, and a new contour line 5. appears. 


Pictures П and 2| appear to be the 
same, but you can tell that it was spun 
2) by the pattern. 





C 


Pictures | and 2 show the same hair, 
but the part of the hair that is visible 
changed because the angle of the face 
changed. 








dt The contour is the same, but a part of 
the objects not visible in picture 1| 
appears in picture |2 | (see picture 2'). 








2| 


2. Make sure that characters do not "lose their shape" 


We say that characters ‘loses their shape" when the same 
character looks different in different pictures. Be careful 
because this phenomenon can occur when drawing 
machines and small objects as well. 





Not good 


A 





This dog has a normal build. The 
length of its body will not shrink 
when viewed from the side. 


Not good 









If the cross section of a building is square, you need 
to draw it so that the width and depth look the 
same no matter what angle it is viewed from. 





For pictures that have to be 
drawn at an angle that offers no 
reference material, you should 
make the atmosphere similar. 


NPS 


y^ p S 


Good % ЖТ | /  Notgood 38 


A character cannot look like a different person when viewed 
from the front and side (the character would transform into 
another person while turning around). Make a character look 
the same even if the angle from which it is viewed changes. 


Pay attention to the following in order to make a character 
look the same. 

« Accurately grasp the shape of parts 

e Accurately grasp the balance between parts 

e Grasp the atmosphere 

Grasping the atmosphere is particularly difficult, because 
| ? much depends on the latent ability of the artist, but the trick 
1 EY to making a character look the same is to give concrete form 
to the visual image of a character. Capturing the atmosphere 
is indispensable. 
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Chapter 4 
Tips for Improving the Fun 
Factor of Animations 





From “Moldiver Resource Collection" published by AIC Club 


Making Animations is the Same as Shooting a Film 





Characters in ап animation are actors and animators 
аге ihe cameramen who film the actors. You should 
draw pictures as if you were looking through a cam- 
era. Always be conscious of the 'camera * 


1. Think about the visual field, 
visual angle and visual cone 


Pictures will be round if you draw the entire 
expanse of space visible at one time. They will be 
round because both eyes and camera lenses are 
round. This range of sight is called the visual field. 
The screen is one part of the range of sight cut out 
in the shape of a frame. In a film, the pictures with- 
in this frame become the visual field of the audi- 
ence. A cone whose base 15 the visual field and 
whose vertex is at the eye (camera) is called the 
visual cone. The angle of the vertex of the cone is 
called the visual angle. Ari object is within the visu- 
al field if it is within the visual angle 




















Film 





Visual field 


The part eut out of the visual field in the shape 
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of a frame is what fits on the film. 


2. Think about where the horizon is 


The ground will generally be completely fiat 
ithe earth is round, but it is very big), Think 
about where the horizon is in the picture. [f 
the eyes are parallel with the ground, the 
horizon will be in the center of the screen. If 
not, think of this as a yardstick. The relation- . 
ship between а character and the horizon шиш: (m 
will differ depending on the height of the Эче, y 
eyes (camera height) relative to the charac- a, 
ter. А horizon that is above or below the : 
center of the screen indicates that the eyes 
are not parallel with the around. 


O Standard position 





Telephoto and wide-angle lenses 2 wering the camera (low position) 


You can have a close-up of a character 
by using a telephoto lens and you сап 
make a character smaller by using à 
wide-angle lens, without changing the 
distance between the character and the 
camera. The size of the character with- 
in the frame looks different because the 
telephoto lens makes the visual field 
narrower and the wide-angle lens 
makes it wider. 








D' Looking down from high camera position (high angle) 





thins hae ee tithes “такты CLT LITT ee ee 
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3. Perspective lines are curved 


The straighter an object is, the more 
curved it will look, This statement may sur- 
prise you, but it is true. An object that is 
physically straight always has parts that 
are near and far from the eyes (camera). A 
straight object will look almost completely 
straight when viewed from the front. but 
the parts of a picture not at the center of 
the visual field will be viewed at an angie 
from the eyes (camera), so the distance 
will be different relative to the front view. 
You will need to deftly distinguish between 
these differences in angle and distance 
when drawing 


Let's say we are looking at a straight wall. 
When the wall is viewed from directly in front 
of it (frame a), all the lines appear to be 
straight, parallel lines. When you move your 
eyes to the right, however, you are viewing 
the wall diagonally (frame b), and the wall 


lines are no longer parallel, 


Since the angle at which the wall is viewed 
becomes sharper the farther in the back you 
go, the portion of the wall (frame c) between 
the edge of the wall and the front can only be 


drawn with wall lines that are curved. 


We drew a building based on the preceding con- 
cept. When you try to combine in one picture 
the part of the building you look up at, the part 
you look down at and the part in between, with 
their different perspectives, you end up with a 
mysterious building made up of all curved lines, 
If you show this strange picture only within their 
respective frames, it will not look that out of 
place. This type of picture is often drawn inten- 


Conceptual drawing of spatial distortion 
as seen through a lens 
















flat ground 





tionally when making an animation. 
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4. Exaggeration of perspective 


A close-up of the same character created using 
a telephoto lens and that created using a wide- 
angle lens will be different. 


Since the wide-angle lens has a wider visual 
field, you have to be very close to the character 
to get a close-up. Such a shot will be powerful 
because the character is near the audience. In 
order to let the audience know that it is near the 
character, you have to draw a picture that gives 
the impression that it was shot with a wide- 
angle lens. Exaggeration of perspective is an 
effective means of creating this difference. 


Wide-angle lens 


е 


Telephoto lens 


We drew a curved character. It does not look 
strange, however, when viewed only within 


frames. This drawing was designed to express the 
camera work shown in Figure 1. Characters are 
sometimes drawn strangely on purpose for dra- 


matic effect, not just to distort perspective. 


when you are aware of the presence of the camera. 













Figure 1 


dii cap 


The mystery behind à seemingly strange picture is solved 


1 
mp. 
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c Let's say that a camera is placed in a certain posi- 
tion and a character walks in front of it in a straight 
line. The character passes in front of the camera. 
The character is viewed from the side the instant it 
goes by the camera (b), but when it approaches (a) 
and moves away from (с) the camera, it is not 
viewed from the side. This is because the angle of 
the character as seen from the camera is different 
in each frame. 


Conceptual drawing of walking action 


Walkir 
alking 


BG GO б 








Draw as if the character is walking a curved line. 
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We drew two standing characters to look at the 
difference between them. When the characters 
are viewed with the same lens, both characters 
pretty much face the camera when they are 
shot from a distance, but they look like they are 
turning away from each other when shot close 
up. Even if the way the characters are standing 
does not change, a change in camera position 
not only changes the size of the characters but 
also affects other changes. The direction the 
characters are facing in each picture is the 
direction of spatial distortion. 


Shot from a distance 
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5. Depth 

When you watch Formula 1 racing on TV, the cars look 
like they are crawling along when you see them from far 
away, but they appear to gradually pick up speed as they 
get closer. Even if the cars are moving at the same speed, 
the distance they travel and the "change in size" increase 
with increasing speed as the cars get closer, and they 
move extremely fast very close up. 


There is a large difference in the amount of change 
between the cars in the distance and those nearby even 
if physically they are moving the same distance and at the 
same speed. 








Movement in the depth direction is expressed by changing 
the size of an object. If the movement from (1) to (2 is viewed 
from the front, then А and В are equivalent to (1) and (2), 
respectively. 


Speed is expressed in terms of percentage change. If the 
speed of the movement is the same, (a) is correct. The fore- 
ground is slow in (b). 
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The pictures needed for the 
same action will differ depending 
on whether the length of me 
required for the action is long or 
short. Furthermore, the image of 
the screen itself will differ. is the 
action slow, quick or a combina- 
tion of the two? If it is a combi- 
nation of the two, think about 
how the pace is varied. 


(A) 


А- 1(ѕагте as B-1) 


A-2 


A-3isame as B-5) 


A-4 


(A-1) 





B-lísame as А-1) 


B-2 


В-5(ѕагпе as A-3) 


Timing of Actions 


1. Speed of actions 

А-1 and B-1 are the same pictures, as are А-З and B- 
5. Using these pictures, we created ап action with 
one cycle consisting of four pictures (А) and an 


action with one cycle consisting of eight pictures 
(B). 


B, which has more pictures, naturally appears to 
move slower, but did you notice that this is not just 
because there are more pictures? Both А-2 and B-3 


(B) 







Both pictures show a character 
running, but they are quite dif- 
ferent. The pictures will be dif- 
ferent if you are conscious of 
the speed at which the charac- 
ter is running as you draw. 


are in the middie of А-1 and A-3 and B-1 and B-5, 
respectively, but they are slightly different. A-4 and 
B-7 are also different. This occurred because the 
animator determined, based on experience and intu- 
ition, that these pictures were necessary If the char- 
acter was to move at a certain speed As you can 
see, it is important to imagine the speed of an action 
in your head and draw the pictures necessary for 
the motion. 


Kee 


05 


YT 
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2. Three frames, two frames and one frame 


Movie film runs at twenty-four 
frames per second. Television and 
other video signals use 30 frames 
per second. That is equivalent to 24. 
or 30 flipat cartoon pictures in the 
course of one second. In the case 
of most Japanese animations, 24 
frames per second are used and 
the same picture is used for three 
consecutive frames, so you only 
need eight pictures per second. 
This is done because the pace of 
motion is altered by manipulating 
the length of time each picture is 
shown, making use of the fact that 
an object will appear to move with 
as few as eight pictures. The same 
picture is usually shown for three 
consecutive frames (filming on 
threes) and then only two frames in 
a row (filming on twos) or one 
frame (full animation) for special 
scenes. The motion will be faster 
only where one or two frames are 
used (machine traced or hand 
traced), 


Even if the motion is the same, the 
pictures will differ depending on 
whether the pictures in between 
are filmed on threes or whether it 
will be full animation requiring three 
pictures. This is the same as each 
picture being different depending 
on how many pictures will be used 
in between that we mentioned 
before. 


The quality of motion will depend 
on how many pictures are used, 
how many frames each picture is 
filmed and what kinds of pictures 
are used. 
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3. Number of in-betweens 


‘Three in-betweens Once the key points of an action have been drawn, the 
next step is to fill in the gaps between them. To do this, 
you have to have thought about how many frames each 
picture will be filmed and how many pictures will be used 
to fill in the gaps, The key points of an action are called 
"кеу drawings’ and filling the gaps between key drawings 
is called "in-betweening.' It is important to know how 
many frames each picture between the key drawings will 
be filmed and how many drawings there will be. The 
drawings berween key drawings are referred to as 'in- 
betweens.' First, decide on the number of in-betweens. 


drawing 


k 


- 
— | 
nag 


\ 









Two in-betweens 





One m-berween 


Key 
drawing 


(e fe ina) » Е = 


e 





(8) 
Key drawing „Cleanup... 

Ge: Clean-u 
== In-betweening in itd RA A 

Ч) Key drawing - Ж: 

Cleanup. 
| 5 
hey 
drawing 
(9) 
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Time sheet 


How many in-betweens will there be апа how many 
frames will each be filmed? It can get confusing try- 
ing to keep track of this in your head, so a table is 
used. This table is called a time sheet in the domain 
of animation, The time sheet has places to write 
actors’ lines and camera work in addition to infor- 


a 
gee eee ee 
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Instruction to use 
three in-hbetweens 
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ТЕГЕРЕ 


hs s ‘ 
=) tau m е 
=” Pate a hus | 
ret тета 
bs ee ee = 
T ots е” F | 
EN. 5" * 


In-betweens have been 
numbered consecutively, 


re Р ч 
s = Га СР 


mation about moving pictures (see page 124 far an 
llustration of a complete time sheet and further 
details). 


A time sheet could be thought of as the blueprint for 
8 single cut. Animations are filmed on the basis of 
these time sheets 


By numbering pictures consecutively 
on a time sheet, you can see at a glance 
what the total number of animation 
drawings will be when a certain num- 
ber of in-betweens are used. The left 
columns are for indicating key draw- 
ings and the number of in-betweens. 
The right columns are the numbers of 
animated drawings that need to be 
completed. 








4. In-betweening—Filling the gaps between key drawings 


Now then, let's do some in-betweening. Confirm 
the number of pictures between two key drawings 
and then go over again in your head the motion you 
have planned. The thing that looks like fish bones in 
the illustration is used to designate how many pic- 
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tures there will be between two key drawings and 
to what extent the in-betweens should change. The 
longer the distance between the numbers is, the 
greater the movement or change will be. 


Key drawing number 


Animation drawing number = cel number 


eeeo0ec22275280 


ооеоаввоее 


і звовоовев 


This is а portion of a time sheet desig- 
nating that the same picture will be 
filmed for three consecutive frames and 
there are three in-betweens. 


The column for cel numbers has been 
filled in based on this. Assign anima- 
tion drawing consecutive numbers to 
the animation drawings. 


eeocecccec0e0600000000209 
Sometimes no in-betweens 
are needed between key 
drawings. In-betweens can 
also be placed at almost equal 
intervals. These in-betweens 
will not be used if you are 
aiming for a realistic scene. 


0020000600000 
0000000002060 








5. Peg bar alignment 


Drawing key drawings is a very difficult task, but 
drawing in-betweens is no less so. After all, vou 
have to draw characters that look just like those in 
the key drawings many times and from different 
angles and in different sizes. 








Peg bar alignment is a method used to help make in- 
betweening a little faster and more accurate. Peg 
bar alignment is a method and not a technique, so 
anybody can do it once they know how. 





AQ 


Pay attention to the trajectory, interval 
and other elements of a motion and deter- 
mine where the picture should be posi- 
tioned. You may want to draw a light out- 
line. 


Remove all the animation paper from the 
peg bar and move the paper so that the 
pictures on the key drawings overlap. 


Paper has been moved. 


[3] Place the animation paper with the out- 
line on top so that it overlaps with the key 
drawing. Look at the edge of the anima- 
tion paper and the orientation of the peg 
bar holes to make sure that each forms a 
uniform arc, 


W The two key drawings and the outline 
overlap. In this position, draw a picture 
intermediate to the key drawings. If the 
picture is not intricate, all you have to do 
is simply draw lines between the two 
lines. 





Create size and shape of interval 





[Б] When there is a big difference between the two key draw- 
ings, perform peg bar alignment multiple times at differ- 
ent parts to come up with one picture. 


Note that the key drawing and 
animation drawing numbers are 
different (the 2 in А-2, an 
in-between, is not encircled). 





A-2 3 
Using peg bar alignment too much 
will lower your drawing ability, so 
avoid using it for every little thing. 
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ҮШ in the key drawings with consecutive 


numbers, Divide overlapping cels into A, 
B and C, etc. The black dot indicates 
where an in-between will be inserted. 





Each horizontal row of boxes is equivalent 
ta one frame of film. Looking from left to 
camera work al a glance during filming. 


right, you can see the cel numbers and 


E 


All of this is only one second of anima- 
Hon. This time sheet can hold a total of 


aix seconds of animation, А long cut can 
consist of two or three time sheets. 
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For writing actors’ lines, Make them as long as 
vou think it will take to say them. 


Place to write tithe and story number. 








For indicating camera work. 


wi 


bers except in special situations. A circle is 


placed on the numbers of key drawings that have been cleaned up. Do not place 


Write cel numbers as indicated on the key drawings. Cel numbers 


same as the key dr 


Ш be the 


= 


awing num 


le on in-between numbers. 
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Character Design 


Do you all have your own original character? It does character that is easy for you to draw. The question 
not matter if it looks similar to that of а famous is can your character be used in any kind of anima- 
artist. Drawing will be more enjoyable if you have a tion? 
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There are a variety of stories. — 


Each type of story has its own concept of the world and characters that 
match that concept. You may have to abandon the characters you can 
draw easily and make characters demanded by the concept of the world 





A cute, cartoon-like A slightly cartoon-like character A photo-like character 
character (deformed) capable of comical actions with realistic height 
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Making cartoon-like objects match characters 


How cartoon-like you should make your drawings is 
not limited to characters. Think of the objects in a 
picture as part of a character. 





“>= CN 
If the character looks real, the sandbag should А real sandbag is not inflated like this. The sandbag 
look real as well. was made cartoon-like to fit the image of the picture. 





The size and shape of the receiver match the small, 
cartoon-like hand. 





The size of a receiver relative to a real human ts used 
without alteration. 
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Hibe character is af realistic height. the door А door next to a cartoon-like character should 
should be long and thin, be just big enough for the character to fit into. 





Objects drawn faithfully are very realistic. You cannot 
put cartoon-like characters next to such objects, 


Objects are altered to match the style the 
characters are drawn in, byt note that in the 
case of cars and some other objects, there is 
not too much difference from their realistic 
counterparts. 





Creating Animations on a Computer 


Ae we have demonstrated, production 
of cel animations requiras a tremendous 
amount ої time and labor, As such, peo- 
ple who are good at their respective 
tasks collaborate to produce them. In 
other words, one petson does not per- 
form all the production tasks They are 
divided up among many people. There 
are many people who want to make an 
animation by themselves, but that 15 like 
saying you want to build a car, which 


would involve designing the саг, manu- 


facturing the metal, plastic, urethane, 
rubber, glass and cloth and putting it 
together all by yourself, so you can see 
that it entails an enormous amount of 


work. 





128 





With the spread of personal computers and their 
increased performance, however, people can now 
make animations relatively easily without any spe- 
cial equipment if it is for their own persona! pleas- 
иге. You need the following to make animations on 
a computer 


1.Personal computer 
2 Graphics software 
3. Animation software 


You can make a very simple animation with just the 
above. 


You also need the following if you want to make a 
higher quality animation 


4 |f you use editing software, you can adjust the 
timing of movements and more easily join cuts. 
5. If you have a scanner, you can scan into your com- 

putar pictures drawn accurately by hand. 
6.If you have a video input device, you can record 
vour animation on video, 


If you spend the right amount of money, the quality 
of your animations will be the same as the quality of 
those on television. We suggest you start by having 
a small character move around a little 


Use of computers is now commonplace in the ani- 
mation industry. Computers are also a necessity for 
people in the film industry as well. If you are think- 
ing about becoming a part of the industry in the 
future, it cannot hurt to familianze yourself with the 
use of computers in film 


The software's airbrush 
function was used for gradation. 











T Uu DE E 


Types of computer graphics 


There are two main types of computer graph- 
ics: two- and three-dimensional. 






Two-dimensional computer graphics 


You draw a picture on your computer like you 


would on paper. It is like drawing a picture directly 
on your computer monitor, so it is very similar to cel 
animations. 






Three-dimensional computer graphics 


This is like making a doll inside your computer. You 
let the computer compute how the graphics will be 
shown on the monitor. All you do is indicate the 
shape, color, camera work, lighting and motion. 


Common way of making a 2D animation 


Preparation of animation drawings 
• Done by hand and involves materials (pic- 
tures on paper) 


Scanning 
• Everything from this stage on is processed 
by the computer 


Coloring 


Camera work Done on computer, 


i no materials 
Editing 


Completion 


Contour lines were drawn as animation 
s pietures and input using a. scanners 


| Editing 


Background lines were cre- 


aled using 3D computer 
graphics called fractals. 
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| Scanning j 


You input the lines of animation drawings into your 
computer with a scanner. You can keep the frames 
aligned if you attach a peg bar to the scanner. 


* Scanned lines are often broken. You touch them 
up on the computer without the color escaping. 


* There are two ways to handle backgrounds. You 
can scan a colored drawing or you can scan a line 
drawing and color it on the computer. 


| Coloring _ j 

Use the colors of your choice. Just remember to use 
the same colors for a character even if the picture is 
different. Unlike cels, you do not have to get too 
nervous because you can always redo it if you make 


a mistake. 


| Camera work | 


You can magnify and reduce pictures to a certain 
extent, but in the case of major camera work, you 
will need large materials for that purpose for both 
characters and backgrounds. Like cel animations, 
you have to have a plan when using a computer as 
well. 





If you designate a motion on the software's internal 
time sheet (or its equivalent), it should execute the 
motion just as you designated. Note that computer 
animations are sometimes 30 frames per second. 
This is where you splice cuts together and adjust 
the length of cuts so that the scenes flow smoothly. 





Question 1 Choose the word (A, B or C) that matches the state of 
mind and position of the character and how the character is 
viewed by the audience for each of the following three pictures. 





@ 
А. Calm / B. Confrontational / C. Cornered 


Question 2 (Same as Question 1) 


e 
A. Superior / B. Equal / C. Inferior 


Question 3 (Same as Question 1) 





A. Stranger / В. Friend / C. Oneself 
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Answers; 

ОВГА ГС 

Score: 10 pointe Jor 3 corent answers, 
5 points for 1 correct answer and 

Û points for no correct answers 





Answers: 

(DA! 2C/üuB 

Мокре H0 pointe Tar 3 vorrei answers, 
5 points for 1 correct answer and 

0 point [ur no eorreet answers 





Answers: 


OCI GAT DB 

Sure: TO poins for 3 correct answers. 
2 points for T correct answer and 

U porn bor ne correct answers 


An animator Is a painter, actor and cameraman. Only 
people who are good at all of these can work as a 


professional animator. Do you have what it takes to 
be an animator? 


Question 4 Which of the following four poses would you draw if you were practicing drawing? 
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Question 5 Do you often compare drawings 
with those around you? 


| A. Often 
| B. Sometimes 
C. Never 


Question 6 How much do you draw every 
day on average? 


A, Almost none 
B. One hour 

C. Five drawings 
D. Three pages 
E. More 


Question 7 Have you kept your old draw- 
ings? 


A. No, none 
B. Yes, many 
C. Yes, some 





Question 10 Let's say that you are taking | 


a test for employment at an animation 
production company. As part of the test, 
you are asked to draw any picture you 
want. You have one hour to complete it. 
Try drawing in an hour the picture you 
would likely draw in such a situation. 


Give yourself 10 points if you completed it within 
an hour. Give yourself 5 points if it took longer 
than one hour, You get no points if you thought 
this was a stupid question and are naw looking at 
this answer, 





Score: 4) 10 points 6 points/@) 4 points) 2 points 


Question 8 Which part of an actor do you j 
focus on when you watch dramas on televi- 
sion? 


A, Eyes | 
B. Waist, hands 

C. Entire body 

D. Face 

E. Everything including surrounding set 


Question 9 Do you often read the credits of 
animations? 


A. More than most, | think 
B. | know every voice actor 
C. | only look at the pictures 
D. Only when | feel inclined 


Score: Each of these questions is worth 10 points. 
You get 10 points if you answer immediately, 5 points 
if you hesitate briefly and 0 points if you have to 
think it aver. 
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| Evaluation | 


31 - 100 points: You should become an animator, The ani- 
mation industry is eagerly waiting for ambitious people 
like you. 


71 - 90 points: You have talent. You have a goad chance of 
becoming a professional animator. 


51 - 70 points: You show promise, but you may just remain 
in the realm of an animatian fan. It is up to you. 


0 - 50 points: |f you cannot think af becoming anything 
other than an animator, you had better make a habit of 
drawing, watching movies and studying. 


Entering contests 


At the beginning of this book, we said that there 
was no place for amateurs to present their works. It 
is true that there is nothing well known like the 
comic market. But there are in fact a variety of ani- 
mated film festivals and contests around the coun- 
try. it may be impossible to have your animation pre- 
sented at a big international festival, but you might 
have a chance with a local event sponsored by an 


+ 


What do you think after having finished reading this 
book? We feel that the book will have fulfilled its 
role if we were able to convey to you even a little of 
how animations are made, how they are drawn, 
how people collaborate to produce them and how 
difficult but fun and fulfilling the work is. 


This is a fun, easy-to-understand and edifying intro- 
ductory book brought to you by AIC, which employs 
many popular animators and has garnered much 
attention in the industry, and Yoyogi Institute of 
Animation, which has an excellent reputation as a 
trainer of animators. It is a unique book that com- 
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amateur group. Animation production reguires a 
huge amount of work, but that makes the pleasure 
of seeing the finished product all the greater. And it 
Is exciting to think that many people may watch it 
and have a good time. 


There are many notices of animation festivals in ani- 
mation and film magazines. We suggest that you 
make animations and present them. 
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bines information. from people actually producing 
animations and information from those educating 
animators. It is not, however, just unique. We 
believe that this book gives readers a broad outlook 
of the world of animation, not just one side or the 
other. We hope that this book deepens your under- 
standing of the world of animation, 


Hiroyuki Kitazume of AIC and Shinzaburo Takashima 
of Yoyogi Institute of Animation played a central role 
in preparing the manuscript for this book. We would 
пке to express our deep gratitude to them, (Graphic- 
sha Publishing Co., Ltd. / Editorial Department) 











